<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!-- 网页头部开始 -->
<nav class="navbar navbar-expand-md navbar-light bg-light fixed-top">
	<a class="navbar-brand" href="#">Logo</a>
	<button class="navbar-toggler" type="button" data-toggle="collapse"
		data-target="#navbarSupportedContent"
		aria-controls="navbarSupportedContent" aria-expanded="false"
		aria-label="Toggle navigation">
		<span class="navbar-toggler-icon"></span>
	</button>
	<div class="collapse navbar-collapse" id="navbarSupportedContent">
		<ul class="navbar-nav mr-auto">
			<li class="nav-item active">
				<a class="nav-link" href="#">首页
					<span class="sr-only">(current)</span>
				</a>
			</li>
			<li class="nav-item"><a class="nav-link" href="${rootPath }/head/demo/dynastyList.htm">朝代列表</a></li>
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown"
					role="button" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="false"> 下拉 </a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdown">
					<a class="dropdown-item" href="${rootPath }/head/demo/kingList.htm">皇上列表</a>
					<a class="dropdown-item" href="#">子菜单-2</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item" href="#">子菜单-3</a>
				</div>
			</li>
			<li class="nav-item">
				<a class="nav-link disabled" href="#">面板</a>
			</li>
		</ul>
		<!-- 小分辨率要藏起来 -->
		<form class="form-inline my-2 my-lg-0 hidden-sm">
			<input class="form-control mr-sm-2" type="search"
				placeholder="关键字" aria-label="Search">
			<button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
		</form>
		
		<ul class="navbar-nav">
			<!-- 小分辨率要藏起来 -->
			<li class="nav-item navbar-text">
				<a href="#">
					<img src="${rootPath }/img/user-pic.png" width="28" height="28">
				</a>
			</li>
			<li class="nav-item dropdown">
				<a class="nav-link dropdown-toggle" href="#" id="navbarDropdownRight"
					role="button" data-toggle="dropdown" aria-haspopup="true"
					aria-expanded="false"> 个人中心
					<span class="sr-only">(current)</span>
				</a>
				<div class="dropdown-menu" aria-labelledby="navbarDropdownRight">
					<a class="dropdown-item" href="#">个人中心-1</a>
					<a class="dropdown-item" href="#">个人中心-2</a>
					<div class="dropdown-divider"></div>
					<a class="dropdown-item" href="#">个人中心-3</a>
				</div>
			</li>
		</ul>
	</div>
</nav>
	